<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>

    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
<h1><%= "Hello World!" %>
</h1>
<br/>
<a href="hello-servlet">Hello Servlet</a>
<a onclick="a(123)">123456</a>

'<div class="row">' +

 '   <div class="col-md-5">'+

        '<div class="tab-content product-details-large" id="myTabContent">'+
            '<div class="tab-pane fade show active" id="single-slide1" role="tabpanel" aria-labelledby="single-slide-tab-1">'+

             '   <div class="single-product-img img-full">'+
                    '<img src="/static/moban/img/single-product/large/single-product1.jpg" alt="">'+
                '</div>'+

            '</div>'+
            '<div class="tab-pane fade" id="single-slide2" role="tabpanel" aria-labelledby="single-slide-tab-2">'+

                '<div class="single-product-img img-full">'+
                    '<img src="/static/moban/img/single-product/large/single-product2.jpg" alt="">'+
                '</div>'+

            '</div>'+
            '<div class="tab-pane fade" id="single-slide3" role="tabpanel" aria-labelledby="single-slide-tab-3">'+

             '   <div class="single-product-img img-full">'+
                    '<img src="/static/moban/img/single-product/large/single-product3.jpg" alt="">'+
                '</div>'+

            '</div>'+
            '<div class="tab-pane fade" id="single-slide4" role="tabpanel" aria-labelledby="single-slide-tab-4">'+

                '<div class="single-product-img img-full">'+
                    '<img src="/static/moban/img/single-product/large/single-product4.jpg" alt="">'+
                '</div>'+

            '</div>'+
            '<div class="tab-pane fade" id="single-slide5" role="tabpanel" aria-labelledby="single-slide-tab-4">'+

                '<div class="single-product-img img-full">'+
                    '<img src="/static/moban/img/single-product/large/single-product5.jpg" alt="">'+
                '</div>'+

            '</div>'+
            '<div class="tab-pane fade" id="single-slide6" role="tabpanel" aria-labelledby="single-slide-tab-4">'+

                '<div class="single-product-img img-full">'+
                    '<img src="/static/moban/img/single-product/large/single-product6.jpg" alt="">'+
                '</div>'+

            '</div>'+
        '</div>'+

        '<div class="single-product-menu">'+
            '<div class="nav single-slide-menu owl-carousel" role="tablist">'+
                '<div class="single-tab-menu img-full">'+
                    '<a class="active" data-toggle="tab" id="single-slide-tab-1" href="#single-slide1">'+
                        '<img src="/static/moban/img/single-product/small/single-product1.jpg" alt=""></a>'+
                '</div>'+
                '<div class="single-tab-menu img-full">'+
                    '<a data-toggle="tab" id="single-slide-tab-2" href="#single-slide2">'+
                        '<img src="/static/moban/img/single-product/small/single-product2.jpg" alt=""></a>'+
                '</div>'+
                '<div class="single-tab-menu img-full">'+
                    '<a data-toggle="tab" id="single-slide-tab-3" href="#single-slide3">'+
                        '<img src="/static/moban/img/single-product/small/single-product3.jpg" alt=""></a>'+
                '</div>'+
                '<div class="single-tab-menu img-full">'+
                    '<a data-toggle="tab" id="single-slide-tab-4" href="#single-slide4">'+
                        '<img src="/static/moban/img/single-product/small/single-product4.jpg" alt=""></a>'+
                    '</div>'+
                '<div class="single-tab-menu img-full">'+
                    '<a data-toggle="tab" id="single-slide-tab-5" href="#single-slide5">'+
                        '<img src="/static/moban/img/single-product/small/single-product5.jpg" alt=""></a>'+
                    '</div>'+
                '<div class="single-tab-menu img-full">'+
                    '<a data-toggle="tab" id="single-slide-tab-6" href="#single-slide6">'+
                        '<img src="/static/moban/img/single-product/small/single-product6.jpg" alt=""></a>'+
                    '</div>'+


            '</div>'+
        '</div>'+

    '</div>'+

    '<div class="col-md-7">'+
        '<div class="modal-product-info">'+
            '<h1>Sit voluptatem</h1>'+
            '<div class="modal-product-price">'+
                '<span class="old-price">$74.00</span>'+
                '<span class="new-price">$69.00</span>'+
            '</div>'+
            '<a href="single-product.html" class="see-all">See all features</a>'+
            '<div class="add-to-cart quantity">'+
                '<form class="add-quantity" action="#">'+
                    '<div class="modal-quantity">'+
                        '<input type="number" value="1">'+
                    '</div>'+
                    '<div class="add-to-link">'+
                        '<button class="form-button" data-text="add to cart">add to cart</button>'+
                    '</div>'+
                '</form>'+
            '</div>'+
            '<div class="cart-description">'+
                '<p></p>'+
            '</div>'+
            '<div class="social-share">'+
                '<h3>Share this product</h3>'+
                '<ul class="socil-icon2">'+
                    '<li><a href=""><i class="fa fa-facebook"></i></a></li>'+
                    '<li><a href=""><i class="fa fa-twitter"></i></a></li>'+
                    '<li><a href=""><i class="fa fa-pinterest"></i></a></li>'+
                    '<li><a href=""><i class="fa fa-google-plus"></i></a></li>'+
                    '<li><a href=""><i class="fa fa-linkedin"></i></a></li>'+
                '</ul>'+
            '</div>'+
        '</div>'+
    '</div>'+

'</div>'+



<script>
    function a(i) {
        console.log(i);
        $.ajax({
            url:"/shop/getUser",
            data:{
                "id": 1
            },
            success: function (data){
                console.log(data);
            }
        })
    }
</script>
</body>
</html>